<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>云豆数据</title>
    <link rel="stylesheet" href="assets/css/app.css">
  </head>
  <body>
    <div class="scrollhide-nav">
        <div class="title-bar" data-responsive-toggle="nav-menu" data-hide-for="medium" id="nav-title-bar">
            <button class="menu-icon" type="button" data-toggle="nav-off-canvas"></button>
            <div class="title-bar-title">导航</div>
            <div class="title-bar-right">
                <div class="input-group input-group-rounded">
                    <input type="search" class="input-group-field" placeholder="输入搜索内容">
                    <div class="input-group-button">
                        <input type="submit" class="button secondary" value="搜索">
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="off-canvas position-left" id="nav-off-canvas" data-off-canvas>
        <button class="close-button" aria-label="Close menu" type="button" data-close>
            <span aria-hidden="true">&times;</span>
        </button>
        <ul class="vertical menu">
            <li><a href="">关于我们</a></li>
            <li><a href="">市场业绩</a></li>
            <li><a href="">企业风采</a></li>
            <li><a href="">企业招聘</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">OA办公</a></li>
            
        </ul>
    </div>
    
    <div class="scrollhide-nav">
        <div class="top-bar" id="nav-menu">
            <div class="top-bar-left">
                <a href="/index.html">
                    <img src="/assets/img/logo_red.png" alt="这里是logo" class="nav-logo">
                </a>
            </div>
            <div class="top-bar-right">
                <ul class="menu">
                    <li><a href="">关于我们</a></li>
                    <li><a href="">市场业绩</a></li>
                    <li><a href="">企业风采</a></li>
                    <li><a href="">企业招聘</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">OA办公</a></li>
                    
                    <li>
                        <div class="input-group input-group-rounded">
                            <input type="search" class="input-group-field" placeholder="输入搜索内容">
                            <div class="input-group-button">
                                <input type="submit" class="button secondary" value="搜索">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="banner-container" id="banner">
        <div id="particles-js"></div>
        <div class="banner-text">
            <h1>
                <img src="/assets/img/logo_white.png" alt="logo" class="banner-logo">
                云豆数据
            </h1>
            <h3>YUNDOU DATA</h3>
            <h5>爱生活·让你的消费有意义</h5>
        </div>
    </div>
    <script src="/assets/particle/particles.js"></script>
    <script>
    particlesJS.load('particles-js', 'assets/particle/particlesjs-config.json', function(){
    //	 console.log('particle rendering success');
    });
    </script>
    
    <div class="header-container">
        <div class="header-text">
            <h5>云豆数据平台</h5>
            <h5>Yundou data platform</h5>
            <h5>__</h5>
            <br><br>
            <div class="row align-center-middle">
                <div class="small-6 large-2 columns">
                    <a data-toggle="intro_selection" class="float-left">
                        <div><i class="fa fa-3x fa-shopping-cart header-icons" aria-hidden="true"></i></div>
                        <div class="columns">云豆精选</div>
                    </a>
                </div>
                <div class="small-6 large-2 columns float-left">
                    <a data-toggle="intro_market" class="float-right">
                        <div><i class="fa fa-3x fa-shopping-bag header-icons" aria-hidden="true"></i></div>
                        <div class="columns">云豆商城</div>
                    </a>
                </div>
                <div class="small-12 large-4 columns">
                    <a>
                        <div><i class="fa fa-5x fa-tasks header-icons header-icons-big" aria-hidden="true"></i></div>
                        <div class="columns">云豆结算中心</div>
                    </a>
                </div>
                <div class="small-6 large-2 columns">
                    <a data-toggle="intro_app" class="float-left">
                        <div><i class="fa fa-3x fa-mobile-phone header-icons" aria-hidden="true"></i></div>
                        <div class="columns">云豆APP</div>
                    </a>
                </div>
                <div class="small-6 large-2 columns">
                    <a data-toggle="intro_smart" class="float-right">
                        <div><i class="fa fa-3x fa-street-view header-icons" aria-hidden="true"></i></div>
                        <div class="columns">云豆智能</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    
    <div class="dropdown-pane bottom" id="intro_selection" data-dropdown data-hover="true" data-hover-pane="true">
        <h1>云豆精选</h1>
        <p>
            以县级为单位开设"云豆精选" 店面进行店面会员注册及销售服务。
        </p>
    </div>
    
    <div class="dropdown-pane bottom" id="intro_market" data-dropdown data-hover="true" data-hover-pane="true">
        <h1>云豆商城</h1>
        <p>
            以线上商城为产品销售平台，进行线上会员注册及销售服务。
        </p>
    </div>
    
    <div class="dropdown-pane bottom" id="intro_app" data-dropdown data-hover="true" data-hover-pane="true">
        <h1>云豆APP</h1>
        <p>
            云豆APP手机客户端方便随时查询分红积分、线上秒杀、线上购物、物流追踪、及积分消费与增值服务。
        </p>
    </div>
    
    <div class="dropdown-pane bottom" id="intro_smart" data-dropdown data-hover="true" data-hover-pane="true">
        <h1>云豆智能</h1>
        <p>
            云豆智能触控设备可由代理商铺设到乡镇、村、等实体店内进行体验销售服务。
        </p>
    </div>
    
    <!--<div class="news-center align-center">-->
        <!--<div class="news-center-title">-->
            <!--<h5>新闻中心</h5>-->
            <!--<h4>News Center</h4>-->
            <!--<h4>__</h4>-->
        <!--</div>-->
        <!--<div class="row">-->
            <!--<div class="columns large-6 small-12 news">-->
                <!--<div class="row">-->
                    <!--<div class="columns small-4">行业新闻</div>-->
                    <!--<div class="columns more">more+</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="columns large-6 small-12 news">-->
                <!--<div class="row">-->
                    <!--<div class="columns small-4">公司新闻</div>-->
                    <!--<div class="columns more">more+</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="cops-container align-center">-->
        <!--<div class="cops-text">-->
            <!--<h3>合作模式</h3>-->
            <!--<h3>Cooperative Mode</h3>-->
            <!--<h3>__</h3>-->
            <!--<br><br>-->
            <!--<h5>三种模式，不仅重消费</h5>-->
        <!--</div>-->
    
        <!--&lt;!&ndash;<div class="row expand-column-wrapper">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="column">&ndash;&gt;-->
                <!--&lt;!&ndash;<h2 class="hide-on-expanded">代理模式</h2>&ndash;&gt;-->
                <!--&lt;!&ndash;<p class="expand-column-content">&ndash;&gt;-->
                    <!--&lt;!&ndash;以县为单位发展独立代理商，与当地政府部门对接组织当地名优精品&ndash;&gt;-->
                    <!--&lt;!&ndash;选购会。&ndash;&gt;-->
                    <!--&lt;!&ndash;市县级代理当地开设云豆精选特产店面，商品有当地生产企共铺设样品。&ndash;&gt;-->
                <!--&lt;!&ndash;</p>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="column">&ndash;&gt;-->
                <!--&lt;!&ndash;<h2 class="hide-on-expanded">消费模式</h2>&ndash;&gt;-->
                <!--&lt;!&ndash;<p class="expand-column-content">If you hover</p>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="column">&ndash;&gt;-->
                <!--&lt;!&ndash;<h2 class="hide-on-expanded">易物模式</h2>&ndash;&gt;-->
                <!--&lt;!&ndash;<p class="expand-column-content">over each section</p>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;&lt;!&ndash;<div class="column">&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;<h2 class="hide-on-expanded">易物模式</h2>&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;&lt;!&ndash;<p class="expand-column-content">a couple of words</p>&ndash;&gt;&ndash;&gt;-->
            <!--&lt;!&ndash;&lt;!&ndash;</div>&ndash;&gt;&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
    <!--</div>-->
    <div class="hero-container">
        <div class="marketing-site-hero hero-left">
            <div class="marketing-site-hero-content">
                <h1>我们的模式 : 不仅重消费</h1>
                <p class="subheader">对于商业模式的盈利方式，大家印象深刻<br>我们融入的模式不仅重消费，更重要的是重数据</p>
                <a href="/more_info.html#model" class="round button">了解更多</a>
            </div>
        </div>
        <div class="marketing-site-hero hero-right">
            <div class="marketing-site-hero-content">
                <h1>我们的利好 : 不仅有焦点</h1>
                <p class="subheader">天时、地利、优势资源整合<br>不忘共享初心——方得共赢始终</p>
                <a href="/more_info.html#bull" class="round button">了解更多</a>
            </div>
        </div>
        <div class="marketing-site-hero hero-left">
            <div class="marketing-site-hero-content">
                <h1>我们的加盟 : 不仅有利益</h1>
                <p class="subheader">如果我们有能力去改变些什么<br>相信你的能力，并且你得到的是名利双收</p>
                <a href="/more_info.html" class="round button">了解更多</a>
            </div>
        </div>
        <div class="marketing-site-hero hero-right">
            <div class="marketing-site-hero-content">
                <h1>如果要离开 : 不仅很安全</h1>
                <p class="subheader">合作是一种情感能力、人生体验<br>如果你要离开，没关系，我们有很完善的退出机制</p>
                <a href="/more_info.html" class="round button">了解更多</a>
            </div>
        </div>
        <div class="marketing-site-hero hero-left">
            <div class="marketing-site-hero-content">
                <h1>我们的意义 : 不仅重积累</h1>
                <p class="subheader">目的——优化实体企业在经济价值链中的地位<br>改变对消费经济的误解，让大家的消费更有意义</p>
                <a href="/more_info.html" class="round button">了解更多</a>
            </div>
        </div>
    </div>
    
    <footer class="marketing-site-footer">
        <div class="row medium-unstack">
            <div class="medium-4 columns">
                <h4 class="marketing-site-footer-name">云豆数据</h4>
                <p>云豆数据项目简介，目标和发展方向</p>
                <ul class="menu marketing-site-footer-menu-social simple">
                    <li>关注我们:</li>
                    <li><a href="#"><i class="fa fa-lg fa-weibo" aria-hidden="true"></i></a></li>
                    <li>
                        <a data-toggle="wechat_qrcode"><i class="fa fa-lg fa-wechat" aria-hidden="true"></i></a>
                        <div id="wechat_qrcode" class="dropdown-pane top" data-dropdown data-hover="true" data-hover-pane="true" style="width:10em; height:10em">
                            <img src="assets/img/qrcode.jpg" alt="二维码">
                        </div>
                    </li>
                    <li><a href="#"><i class="fa fa-lg fa-qq" aria-hidden="true"></i></a></li>
                </ul>
            </div>
            <div class="medium-4 columns">
                <h4 class="marketing-site-footer-title">联系我们</h4>
                <div class="marketing-site-footer-block">
                    <i class="fa fa-map-marker" aria-hidden="true" style="margin-right: 0.7rem;"></i>
                    <p>河北省石家庄市<br>胜利大街 161 号三层</p>
                </div>
                <div class="marketing-site-footer-block">
                    <i class="fa fa-phone" aria-hidden="true" style="margin-right: 0.4rem;"></i>
                    <p>0311-80690328</p>
                </div>
                <div class="marketing-site-footer-block">
                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
                    <p><a href="mailto:yd_data@163.com">yd_data@163.com</a></p>
                </div>
            </div>
            <div class="medium-4 columns">
                <h4 class="marketing-site-footer-title">云豆数据项目支持单位</h4>
                <!--<div class="row small-up-3">-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                    <!--<div class="column column-block">-->
                        <!--<img src="http://placehold.it/75" alt="" />-->
                    <!--</div>-->
                <!--</div>-->
                <div class="marketing-site-footer-block">
                    中国名优精选产品选购委员会
                </div>
                <div class="marketing-site-footer-block">
                    人和资本
                </div>
                <div class="marketing-site-footer-block">
                    廊坊银行
                </div>
                <div class="marketing-site-footer-block">
                    河北易豆网络科技有限公司
                </div>
            </div>
        </div>
        <div class="marketing-site-footer-bottom">
            <div class="row large-unstack align-middle">
                <div class="column">
                    <p>&copy; 云豆数据 2017 All rights reserved</p>
                </div>
                <!--<div class="column">-->
                    <!--<ul class="menu marketing-site-footer-bottom-links">-->
                        <!--<li><a href="#">法律声明</a></li>-->
                        <!--<li><a href="#">网站地图</a></li>-->
                    <!--</ul>-->
                <!--</div>-->
            </div>
        </div>
    </footer>
    
    
    <script src="assets/js/app.js"></script>
  </body>
</html>
